import { FC, useEffect } from 'react';
import Banner from '@/pages/koding/Index/Banner';
import styles from './index.less';
import { useDispatch } from 'umi';
import Header from '@/pages/koding/Index/Header';
import Test from '@/pages/koding/Test';

const Index: FC = () => {
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch({
      type: 'koding/index/getIndexData',
    });
  }, []);
  return (
    <div className={styles.root}>
      <Header />
      <Banner />
      <Test />
    </div>
  );
};

export default Index;
